<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<%@ include file="../taglib.jsp"%>
<div id="header-inner" class="container-fluid">
	<div class="navbar navbar-inverse navbar-fixed-top">
		<div class="navbar-inner">
			<div class="container">
				<a class="btn btn-navbar" data-toggle="collapse"
					data-target=".nav-collapse"> <span class="icon-bar"></span> <span
					class="icon-bar"></span> <span class="icon-bar"></span>
				</a> <a class="brand" href="#">PRICE COMPARISON</a>
				<div class="nav-collapse collapse">
					<ul class="nav">
						<li class="active"><a href="#">Home Page</a></li>
						<li><a href="#about">Introduction</a></li>
						<li><a href="#contact">Contact</a></li>
						<li class="dropdown"><a href="#" class="dropdown-toggle"
							data-toggle="dropdown">Category<b class="caret"></b></a>
							<ul class="dropdown-menu">
								<li class="dropdown-submenu" ng-repeat="item in categories"><a href="<spring:message code="domain"/>/home#/list/{{item.id}}">{{item.name}}</a>
									<ul class="dropdown-menu">
										<li ng-repeat="itemChild in item.children"><a href="<spring:message code="domain"/>/home#/list/{{itemChild.id}}">{{itemChild.name}}</a></li>
									</ul>
								
								</li>
								<!-- <li><a href="#">Action</a></li>
								<li><a href="#">Another action</a></li>
								<li><a href="#">Something else here</a></li>
								<li class="divider"></li>
								<li class="nav-header">Nav header</li>
								<li><a href="#">Separated link</a></li>
								<li><a href="#">One more separated link</a></li> -->
							</ul></li>
					</ul>
				</div>
				<!--/.nav-collapse -->
			</div>
		</div>
	</div>
</div>
